<?php 
require_once 'includes/funciones.php'; 
conexion();

if(isset($_POST[submit])){


$nombre=sqlstring(cleanxss($_POST['nombre']));
$email=sqlstring(cleanxss($_POST['email']));
$comentario=sqlstring(cleanxss($_POST['comentario']));
$celular=sqlstring(cleanxss($_POST['celular']));


// Primero comprobamos que ning�n campo est� vac�o y que todos los campos existan.
 if(isset($nombre) && !empty($nombre) && isset($email) && !empty($email) && isset($comentario) && !empty($comentario))
     {
        mysql_query("INSERT INTO contacts (name,email,comment,celular) VALUES ('{$nombre}','{$email}','{$comentario}','{$celular}')");     
        $msj= 'Muchas gracias por contactarse.';
		

     }
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title><?php titulo();?></title>
<link rel="STYLESHEET" type="text/css" href="estilo.css">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="plugins/jqtransform/jqtransformplugin/jqtransform.css" type="text/css" media="all" />
<script type="text/javascript" src="plugins/jquery.js"></script>
<script type="text/javascript" src="plugins/jquery_validate/jquery.validate.js"></script>
<script>

  $(document).ready(function(){
		
	$("#formulario").validate({
		rules: {			
			nombre: {
				required: true			
			},
            email: {
                required: true,
				email: true
            },
			comentario:{
				required: true
			}
		},
		messages: {
			nombre:{
                required: "Debe ingresar un Nombre"
            },
			email: {
				required: "Debe ingresar un Email",
				email: "Ingrese una direccion de email Valida"
			},
			comentario:{
				required: "Debe ingresar un Comentario"
			}
			
		}
	});
	
  });
</script>
</head>

<body>
<div id="contenedor">

  	<?php
	require_once("includes/encabezado.php");

	?>
  	<!--fin de encabezado-->


	 <div id="contentleft">

<?php include_once 'includes/banner.php' ?>
	
		<!--fin de contenedor Menues-->


	


<div id="contentcenter">

<?php
if(isset($msj)){
echo '<div class="exitoa mensajes">'.$msj.'</div>';
}
?>

<div class="titulo">Contactese con nosotros..</div>

<br />

<div id="areabus" style="width:670px"> 

<form id="formulario" name="formulario" action="#" method="post">



<fieldset style="width:550px" class="fieldsetfront">
<legend>Ingrese los datos de contacto</legend>
<br/>
	<table width="500" border="0" align="center">
          <tr>
            <td width="50">Nombre: </td>
            <td width="80"><input type="text" name="nombre" id="nombre" size="25" class="required"/></td>
          </tr>
          <tr>
            <td>E-mail: </td>
            <td><input type="text" name="email" id="email" size="25" class="required email"></td>
          </tr>
          <tr>
            <td valign="top">Comentario: </td>
            <td><textarea name="comentario" id="comentario" cols="20" rows="5" class="required"></textarea></td>
          </tr>                   
          <tr>
            <td>Celular</td>
            <td><input type="text" name="celular" size="25" /></td>
          </tr>
          <tr valign="top">
            <td colspan="2">
              <div class="boton" align="center"><br />
                <input class="buttonfront" type="submit" value="Aceptar">
              </div></td>
          </tr>
      </table>
	
</fieldset>	

</form>

</div>



	

</div> <!--fin de contentcentr-->
 
         </div><!--fin de contentleft-->
        
        
        <div id="menuderecha" >
	<?php
	include_once("includes/menuderecha.php");
	?>
</div>	




  <div id="publicidadbottom">
	<?php 
	include_once 'includes/publicidadbottom.php';	
	?>
  </div>


  <div id="piepagina">
  <?php
  include_once 'includes/pie.php';
  ?>
  </div>


</div>    <!--fin de Contenedor-->



</body>

</html>
